<div class="container" style="background-color: #EFF1FA;width: 100%;height: 1063px; margin: 0 auto;">

    <div class="row" style="margin-top: 200px;">
        <div class="col-sm-4 col-sm-offset-4 text" >
            <h1 style="text-align: center"><strong>Administrator System</strong></h1>
        </div>
    </div><br/>
    <div class="row" >
        <div class="col-sm-4 col-sm-offset-4 form-box" style="border: 1px solid gray; border-radius:16px; padding: 30px; margin-top: 20px"><br/>
            <div class="form-bottom">
                <form name="validateForm" class="form-horizontal">
                    <div style="margin-bottom: 25px" class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                        <input type="text" style="height:40px;"
                               class="form-control"
                               ng-model="user.username" required />
                    </div>

                    <div style="margin-bottom: 25px" class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                        <input type="password" style="height:40px;"
                               class="form-control"
                               ng-model="user.password" required />
                    </div>

                    <div class="form-group">
                        <div class="col-sm-12 controls">
                            <button class="btn btn-success"  style="height:40px;width:100%;"
                                    ng-disabled="validateForm.$invalid"
                                    ng-click="login()">
                                Sign in
                            </button>
                        </div>
                    </div>
                    <div><strong style="color:red;">{{errMsg}}</strong></div>

                </form>

            </div>
        </div>
    </div>
</div>

